<template>
   <div class="footout">
     <van-row class="footer" type="flex" justify="space-around" align="center">
      <van-col span="6" to="/home">
        <van-icon name="wap-home-o" size="22"/>
        <p>首页</p>
      </van-col>
      <van-col span="6" to="/active">
        <van-icon name="discount" size="22"/>
        <p>活动</p>
      </van-col>
      <van-col span="6" to="/shopping">
        <van-icon name="shopping-cart-o" size="22"/>
        <p>购物车</p>
      </van-col>
      <van-col span="6" to="/mine">
        <van-icon name="contact" size="22" />
        <p>我的</p>
      </van-col>
    </van-row>
   </div>
</template>
<script>
export default {

}
</script>

<style lang='scss' scoped>
.footout{
  .footer{
    height: 54px;
    background-color: #fff;
    text-align: center;
    div{
      p{
        font-size: 12px;
      }
    }
  }
}
</style>


